<template>
	<view class="j-sales-count">
		<text class="sales-text">已售{{ sales }}件</text>
	</view>
</template>

<script>
export default {
	name: 'JSalesCount',
	props: {
		// 销量数量
		sales: {
			type: [String, Number],
			required: true
		},
		// 文字颜色
		textColor: {
			type: String,
			default: '#999'
		},
		// 文字大小
		textSize: {
			type: String,
			default: '24rpx'
		},
		// 文字字重
		fontWeight: {
			type: String,
			default: '400'
		}
	}
};
</script>

<style lang="less" scoped>
.j-sales-count {
	.sales-text {
		font-size: v-bind(textSize);
		color: v-bind(textColor);
		font-weight: v-bind(fontWeight);
		line-height: 1;
	}
}
</style>














